<template>
  <div class="box_item_wrapper">
    <div class="ps">⚽</div>
    <div class="ss">西班牙甲组联赛</div>
    <div>20:30</div>
    <div class="c_red zt">69'</div>
    <div>利云特</div>
    <div>
      <span class="c_red">2</span>
      -
      <span class="c_red">0</span>
    </div>
    <div>雷加利斯</div>
    <div class="uu">
      <a v-for="i in zb" :key="i" >· jrs直播{{i}}</a>
    </div>
  </div>
</template>
<script>
export default {
  props:{
    zb:{
      type:Number,
      default:1,
    }
  }
}
</script>
<style lang="less" scoped>
@btn-color: #917554;

.box_item_wrapper {
  margin-top: -1px;
  border-bottom: 0.5px solid #8888;
  display: flex;
  font-size: 12px;
  align-items: center;
  span {
    font-weight: 600;
  }
  > div {
    width: 8rem;
  }
  .ps {
    width: 14px;
  }
  .ss {
    width: 7rem;
  }
  .uu {
    width: 180px;
    display: flex;
    flex-wrap: wrap;
    > a {
      line-height: 2rem;
      width: 59px;
      color: @btn-color;
    }
  }
  .c_red {
    color: #f00;
  }
}
</style>